<template>

  <div class="hello">
    <img :src='imgSrc' />
    <div class="link">
      <router-link to="/multi-regex">正则多步替换</router-link>
      <router-link to="/shanbay-import-from-youdao">有道单词导入到扇贝</router-link>
      <router-link to="/baidu-audio">百度文字转语音</router-link>

    </div>
  </div>
</template>

<script src="./Main.ts">
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="scss">
.hello {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
  .link {
    font-family: "Avenir", Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    color: #2c3e50;
    margin-top: 60px;
    color: #42b983;
    a {
      display: inline-block;
      padding: 0 20px;
    }
  }
}
</style>
